<template>
  <div class="container">
    <!-- 头部区域 -->
    <van-nav-bar title="推广赚钱" left-text="返回" left-arrow @click-left="$router.back()" />
    <!-- 头部区域 -->
    <div class="img">
      <img src="@/assets/Snipaste_2020-10-18_21-30-06.png" alt="" />
    </div>
    <div class="text">活动倒计时</div>
    <van-count-down millisecond :time="time" format="HH:mm:ss:SS" />

    <div class="footer">
      <span>邀请好友来开店</span>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  props: {},
  components: {},
  data() {
    return {
      time: 30 * 60 * 60 * 1000
    }
  },
  methods: {},
  created() {},
  computed: {},
  mounted() {},
  watch: {}
}
</script>
<style scoped lang="less">
.img {
  width: 100%;
  height: 100%;

  img {
    width: 100%;
    background-size: cover;
  }
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #f95e2f;
  text-align: center;
  span {
    line-height: 110px;
    font-size: 30px;
    color: #fff;
  }
}

.text {
  text-align: center;
  font-size: 40px;
  color: #f9562e;
}

/deep/.van-count-down {
  margin-top: 40px;
  text-align: center;
  font-size: 60px;
  color: purple;
}
</style>
